<div class = "panel panel-info">
	 <div class="panel-heading">{{'Person' | translate}}</div>
	 <div class="panel-body">
		<div class ="form-horizontal">
			<div class="form-group" ng-show="!onlyNameSurname">
				<label class="col-sm-2 control-label" translate="Person.idCardNumber"></label>
				<div class="col-sm-3">
	      			<input type="text" class="form-control" ng-model="personData.idCardNumber">
	    		</div>
				<label class="col-sm-2 col-sm-offset-1 control-label" translate="Person.birthday"></label>
				<div class="col-sm-3">
	      			<div calendar ng-model="personData.birthday"></div>
	    		</div>
			</div>
			<div class="form-group">
				<label class="col-sm-2 control-label" translate="Person.name"></label>
				<div class="col-sm-3">
	      			<input type="text" class="form-control" ng-model="personData.name">
	    		</div>
				<label class="col-sm-2 col-sm-offset-1 control-label" translate="Person.surname"></label>
				<div class="col-sm-3">
	      			<input type="text" class="form-control" ng-model="personData.surname">
	    		</div>
			</div>
			<div class="form-group" ng-show="!onlyNameSurname">
				<label class="col-sm-2 control-label" translate="Person.gender"></label>
				<div class="col-sm-3">
					<div select-enum ng-model="personData.gender" enum-name="Gender"></div>
	    		</div>
				<label class="col-sm-2 col-sm-offset-1 control-label" translate="Person.civilStatus"></label>
				<div class="col-sm-3">
					<div select-enum ng-model="personData.civilStatus" enum-name="CivilStatus"></div>
	    		</div>
			</div>
		</div>
	</div>
</div>